<!-- AUTHORS: Yiwei (Alan) Han, Kevin Lam-->

<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Worklist - UBC Course Companion</title>
<script type="text/javascript"
	src="http://maps.googleapis.com/maps/api/js?v=3.6&sensor=false"></script>
<script language="JavaScript" type="text/javascript"
	src="/js/ajax_worklist.js"></script>
<link rel="stylesheet" type="text/css" media="all"
	href="/style/worklist.css" />

</head>
<body
	onload="ajaxUpdateWorklist('${worklist.email}',${worklist.start},${worklist.end});">
	<div id="navdiv">
		<%@ include file="header.jsp"%>
	</div>
	<%@ include file="feed.jsp"%>
	<div id="bg">
		<img id="bg-img" src="/images/bg-brushed-aluminum.png" />
	</div>


	<div id="content">

		<div id="wl-header">
			<p >
				Worklist <span>(User: ${worklist.email})</span>
			</p>

		</div>

		<div id="wl-body">
			<p class="wl-item-header">Summary and Perks</p>
			<p id="summary"></p>
		</div>
		
		<div id="wl-body">
			<p class="wl-item-header">Map & Directions</p>
		</div>	

		<div id="map-buttons">
			<div id="map-t1" onclick="getWaypoints('${worklist.email}','1');" class="button">Term 1 Route</div>
			<div id="map-t2" onclick="getWaypoints('${worklist.email}','2');" class="button">Term 2 Route</div>
		</div>
		
		<div id="map">

			<div id="map_canvas"></div>
		</div>

		<div id="wl-body">
			<p class="wl-item-header">Term 1 Timetable</p>
			<table id='schedule-1'>
			</table>
		</div>

		<div id="wl-body">
			<p class="wl-item-header">Term 2 Timetable</p>
			<table id='schedule-2'>
			</table>
		</div>

		<div id="wl-header">
			<div class="exam-link"
				onclick="window.location='/exam?email=${worklist.email}'">
				View Exam Schedule
			</div>
		</div>

		<div class="padding"></div>
	</div>

	<div id="worklist-error"></div>

	<div id="footer-wrap">
		<div id="footer">
			<img
				src="http://code.google.com/appengine/images/appengine-noborder-120x30.gif"
				alt="Powered by Google App Engine" />
			<p class="about">&copy; 2011 UBC Course Companion</p>
		</div>
	</div>
</body>
</html>
